<template>
  <div class="msgtb">
    <div class="ntitle">INQUIRY</div>
    <form
      action="//data.break-day.com/message_do.php"
      method="post"
      onsubmit="return chkInquiry()"
      id="lmForm"
      name="lmForm"
    >
      <p class="clear">
        <span class="hx">*</span>
        <input type="text" name="name" id="textn" placeholder="Your Name:">
      </p>
      <p class="clear">
        <span class="hx">*</span>
        <input type="text" name="tel" id="tel" placeholder="Tel">
      </p>
      <p class="clear">
        <span class="hx">*</span>
        <input type="text" name="email" id="gemail" placeholder="Your Email Adress:">
      </p>
      <p class="clear">
        <span class="hx">*</span>
        <select name="product" id="product2">
          <option selected="selected" value="Select Equipment">Select Equipment</option>
          <option value="Mobile Crushers">Mobile Crushers</option>
          <option value="Stationary Crushers">Stationary Crushers</option>
          <option value="Sand Making Machines">Sand Making Machines</option>
          <option value="Grinding Mill">Grinding Mill</option>
          <option value="Beneficiation Machine">Beneficiation Machine</option>
          <option value="Other">Other</option>
        </select>
      </p>
      <p class="clear">
        <span class="hx">*</span>
        <select name="message" id="product3">
          <option selected="selected" value="Select Capacity">Select Capacity</option>
          <option value="Capacity:800-1000(t/h)">800-1000(t/h)</option>
          <option value="Capacity:500-800(t/h)">500-800(t/h)</option>
          <option value="Capacity:300-500(t/h)">300-500(t/h)</option>
          <option value="Capacity:100-300(t/h)">100-300(t/h)</option>
          <option value="Capacity:30-100(t/h)">30-100(t/h)</option>
          <option value="Capacity:Other">Other</option>
        </select>
      </p>
      <p class="clear">
        <span class="hx">*</span>
        <select name="message" id="marerial">
          <option selected="selected" value="Select Material">Select Material</option>
          <option value="Material:Granite">Granite</option>
          <option value="Material:Limestone">Limestone</option>
          <option value="Material:Basalt">Basalt</option>
          <option value="Material:Pebble">Pebble</option>
          <option value="Material:Gravel">Gravel</option>
          <option value="Material:Gypsum">Gypsum</option>
          <option value="Material:Barite">Barite</option>
          <option value="Material:Quartz">Quartz</option>
          <option value="Material:Dolomite">Dolomite</option>
          <option value="Material:Gold Ore">Gold Ore</option>
          <option value="Material:Other">Other</option>
        </select>
      </p>
      <p class="clear">
        <span class="bx">*</span>
        <textarea
          name="message"
          id="textc"
          class="cttxt"
          placeholder="Enter details: Raw material, Capacity, Feeding material size, Final product size, etc."
        ></textarea>
      </p>
      <input name="url" type="hidden" value>
      <input name="lang" value="en" type="hidden">
      <p class="iqbtn">
        <input type="submit" value="ORDER NOW">
      </p>
    </form>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="css" scoped>
.ntitle {
  line-height: 30px;
  background: #4d5159;
  text-indent: 1em;
  text-align: left;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  margin: 15px 0px;
}

.msgtb {
  overflow: hidden;
  float: left;
  width: 100%;
  padding: 1rem;
  margin-bottom: 76px;
}

.hx {
  float: left;
  margin: 16px 5px 0px 0px;
  color: #e41f1f;
}

.bx {
  float: left;
  margin: 9px 5px 0px 0px;
  color: #fff;
}

.msgtb input,
.msgtb select {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  float: left;
  margin: 6px 0px;
  width: 93%;
  padding-left: 6px;
}

.msgtb select {
  color: #a1a1a1;
  padding-left: 6px;
  width: 95%;
}

.cttxt {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 55px;
  width: 93%;
  padding-left: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 6px 0px;
  float: left;
}

.iqbtn input {
  height: 34px;
  background: #4d5159;
  color: #ffffff;
  cursor: pointer;
  line-height: 25px;
  border: 0px;
  font-size: 14px;
  margin-left: 11px;
}

.msgtb p {
  padding: 0px !important;
  margin: 0px !important;
}
</style>
